Customize the Portfolio

INSTRUCTOR NOTE:

Important! There are two more steps required to make the map work properly.

Uncomment the last block of code in helper.js. The code you need starts with window.addEventListener('load', initializeMap); and goes until the end of the file.
Uncomment the <script> tag for Google Maps API in the <head> of index.html.

Google Maps API Key

Google is increasingly requiring an API key to make Google Map requests. You can obtain your own Google Maps API key here.

Once obtained, you can add the key to the Google Maps API script request in index.html:

<script src="http://maps.googleapis.com/maps/api/js?libraries=places&key=YOUR_API_KEY_HERE"></script>

Want to learn about HTML and CSS? Try out Intro to HTML and CSS.

Want to check out your classmates' resumes? Check them out on GitHub.

For this quiz you'll work with the index.htmland js/resumeBuilder.js files from the résumé project's Github repository you downloaded earlier in this lesson. Edit js/resumeBuilder.js in your text editor, and view the results by opening index.html in the browser of your choice. It may also be helpful to explore the locationFinder() function in js/helper.js.

Follow your instructors!

@cwpittman

+jameswilliams

Next Concept